<template>
  <section class="tf-panel">
     <h4 class="title" v-if="title">{{title}}</h4>
     <slot/>
  </section>
</template>

<script>
export default {
  name: 'tf-panel',
  props: {
    title: {
      type: String,
      default: ''
    }
  }
}
</script>
<style lang="scss" scoped>
.tf-panel {
  > h4:first-child {
    font-size: 1rem;
  }
}
</style>
